{extend name='public/layout' /}
{block name='content'}
<div class="main garden">
    {include file='xiaoqu/nav' /}
    <div class="garden_inner">
        <div class="garden_inner_f detail_slide">
            <div class="n_h_simg01 large_box">
                <ul>
                    <li>
                        <img src="{$info.img}" width="630" height="496">
                    </li>
                    {notempty name='info.file'}
                    {volist name='info.file' id='vo'}
                    <li style="display: none;">
                        <img src="{$vo.url}" width="630" height="496">
                    </li>
                    {/volist}
                    {/notempty}
                </ul>
            </div>
            <div class="garden_btns">
                <div class="small_list">
                <ul>
                    <li class="on"><img src="{$info.img}" alt="{$info.title}" ></li>
                    {volist name='info.file' id='vo'}
                    <li><img src="{$vo.url}" alt="{$vo.title}" /></li>
                    {/volist}
                </ul>
                </div>
                <a href="javascript:;" class="up page"><</a>
                <a href="javascript:;" class="next page">></a>
            </div>
        </div>
        <div class="garden_inner_r">
            <div class="head-info-list">
                <table class="xq_tab">
                    <tr>
                        <td class="td_t">二手房源</td>
                        <td><a href="{:url('Xiaoqu/used',['id'=>$info['id']])}">{$info.second_num}</a>套</td>
                        <td class="td_t">出租房源</td>
                        <td><a href="{:url('Xiaoqu/rental',['id'=>$info['id']])}">{$info.chuzu_num}</a>套</td>

                    </tr>
                    <tr>
                        <td class="td_t">停车位</td>
                        <td>{$info.attr.chewei}</td>
                        <td class="td_t">绿化率</td>
                        <td>{$info.attr.lhl}</td>
                    </tr>
                    <tr>
                        <td class="td_t">楼盘类型</td>
                        <td>{:implode(',',$info.estate_type_name)}</td>
                        <td class="td_t">建筑年代</td>
                        <td>{$info.niandai}年</td>
                    </tr>
                    <tr>
                        <td class="td_t">总户数</td>
                        <td>{$info.attr.hushu}</td>
                        <td class="td_t">容积率</td>
                        <td>{$info.attr.rjl}</td>
                    </tr>
                    <tr>
                        <td class="td_t">小区地址</td>
                        <td colspan="3">{$info.address}</td>
                    </tr>

                    <tr>
                        <td class="td_t">物业费</td>
                        <td colspan="3">{$info.attr.wuyefee}</td>
                    </tr>
                    <tr>
                        <td class="td_t">物业公司</td>
                        <td colspan="3">{$info.attr.wygs}</td>
                    </tr>
                    <tr>
                        <td class="td_t">道路交通</td>
                        <td colspan="3">{$info.attr.daolujiaotong}</td>
                    </tr>
                </table>
            </div>
        </div>
    </div>
    <div class="garden_md">
        <div class="fy_img clearfix">
            <div class="title03"><span class="title-selected">小区介绍</span></div>
            <div class="fang_description">
                {$info.info}
            </div>
        </div>
        <div class="fy_img garden_xc">
            <div class="title03"><span class="title-selected">小区相册</span></div>
            <ul class="overflow_h clearfix">
                {volist name='info.file' id='vo'}
                <li><a rel="prettyPhoto[]" title="{$vo.title}" href="{$vo.url}"><img src="{$vo.url}"/></a></li>
                {/volist}
            </ul>
        </div>
        <div class="fy_img">
            <div class="title03"><span class="title-selected">地理位置</span></div>
            <iframe width="1180" height="600" frameborder="0" scrolling="no" src="{:url('Api/map',['id'=>$info['id'],'model'=>'estate','lat'=>$info.lat,'lng'=>$info.lng])}" id="main" style="height: 500px; width: 1180px;"></iframe>
        </div>
    </div>

</div>
<link rel="stylesheet" href="__PUBLIC__/js/photo/css/prettyPhoto.css">
<script src="__PUBLIC__/js/photo/jquery.prettyPhoto.js"></script>
<script src="__JS__/imgList/js/carousel.min.js"></script>
<script>
    $(function(){
        $(".detail_slide").thumbnailImg({
            large_elem: ".large_box",
            small_elem: ".small_list",
            left_btn: ".up",
            right_btn: ".next"
        });
        $("a[rel^='prettyPhoto']").prettyPhoto();

    });
</script>
{/block}
{/block}